<template>
  <el-menu background-color="#222832" class="el-menu-vertical-demo" default-active="2" text-color="#fff"
    @open="handleOpen" @close="handleClose" router>
    <template v-for="item in routerList" :key="item">
      <layout-navs :list="item"></layout-navs>
    </template>
  </el-menu>
</template>

<script>
  export default {
    name: 'LayoutNav',
  }
</script>
<script setup>
  // import { ref } from "vue" 
  // import {
  //   Menu as IconMenu,
  //   Setting,
  // } from '@element-plus/icons-vue'
  import LayoutNavs from '@/views/home/compoents/LayoutNavs'
  import { useRouter } from 'vue-router'
  const router = useRouter();
  const routerList = router.options.routes[1].children;
</script>

<style lang="less" scoped>

</style>